view,
text,
input {
	box-sizing: border-box;
}
image {
	width: 100%;
	height: 100%;
}

button {
	background-color: transparent;
	padding: 0;
	line-height: inherit;
}

button::after {
	border: none;
	height: auto;
}

.page-content {
	display: flex;
	width: 100%;
	height: 100vh;
	flex-direction: column;
	overflow: hidden;
	font-size: 28rpx;
	background-color: #f7f7f7;
}

.footer {
	height: calc(110rpx + constant(safe-area-inset-bottom));
	height: calc(110rpx + env(safe-area-inset-bottom));
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	padding: 0 10rpx;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.flex {
	display: flex;
	width: 100%;
}

.inline-flex {
	display: inline-flex;
}

.justify-center {
	justify-content: center;
}

.items-center {
	align-items: center;
}

.align-base {
	align-items: baseline;
}

.align-center {
	align-items: center;
}

.align-end {
	align-items: flex-end;
}

.align-top {
	align-items: flex-start;
}

.flex-wrap {
	flex-wrap: wrap;
}

.pa-20 {
	padding: 20rpx;
}

.pa-30 {
	padding: 30rpx;
}

.pa-32 {
	padding: 32rpx;
}

.pa-40 {
	padding: 40rpx;
}

.px-20 {
	padding: 0 20rpx;
}

.px-30 {
	padding: 0 30rpx;
}

.px-32 {
	padding: 0 32rpx;
}

.px-40 {
	padding: 0 40rpx;
}

.py-30 {
	padding: 30rpx 0;
}

.py-40 {
	padding: 40rpx 0;
}

.pb-20 {
	padding-bottom: 20rpx;
}

.pb-26 {
	padding-bottom: 26rpx;
}

.pb-32 {
	padding-bottom: 32rpx;
}

.my-15 {
	margin: 15rpx 0;
}

.my-20 {
	margin: 20rpx 0;
}

.my-50 {
	margin: 50rpx 0;
}

.mt-10 {
	margin-top: 10rpx;
}

.mt-20 {
	margin-top: 20rpx;
}

.mt-28 {
	margin-top: 20rpx;
}

.mt-32 {
	margin-top: 32rpx;
}

.mt-40 {
	margin-top: 40rpx;
}

.mt-60 {
	margin-top: 60rpx;
}

.mb-20 {
	margin-bottom: 20rpx;
}

.mb-40 {
	margin-bottom: 40rpx;
}

.mb-10 {
	margin-bottom: 10rpx;
}

.ml-6 {
	margin-left: 6rpx;
}

.ml-10 {
	margin-left: 10rpx;
}

.ml-20 {
	margin-left: 20rpx;
}

.ml-40 {
	margin-left: 40rpx;
}

.mr-20 {
	margin-right: 20rpx;
}

.font-20 {
	font-size: 20rpx;
}

.font-22 {
	font-size: 22rpx;
}

.font-24 {
	font-size: 24rpx;
}

.font-26 {
	font-size: 26rpx;
}

.font-28 {
	font-size: 28rpx;
}

.font-30 {
	font-size: 30rpx;
}

.font-32 {
	font-size: 32rpx;
}

.font-36 {
	font-size: 36rpx;
}

.font-40 {
	font-size: 40rpx;
}

.font-48 {
	font-size: 48rpx;
}
.font-50{
	font-size: 50rpx;
	font-weight: 550;
}
.font-bold {
	font-weight: bold;
}

.fw-5 {
	font-weight: 500;
}

.fw-6 {
	font-weight: 600;
}

.flex-between {
	justify-content: space-between;
}

.flex-end {
	justify-content: flex-end;
}

.flex-column {
	flex-direction: column;
}

.flex-1 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	-webkit-flex: 1 1 0%;
	flex: 1 1 0%;
}

.box-bg {
	background-color: #fff;
}

.radius-20 {
	border-radius: 20rpx;
}

.radius-round {
	border-radius: 50%;
}

.text-center {
	text-align: center;
}

.truncate {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line-border {
	width: 100%;
	height: 2rpx;
	background-color: #eee;
}

.line-border20 {
	width: 100%;
	height: 20rpx;
	background-color: #eee;
}

.lh-44 {
	line-height: 44rpx;
}

.lh-48 {
	line-height: 48rpx;
}

.color-gray {
	color: #B0B3BE;
}

.color1 {
	color: #333;
}
.color12{
	color: #F12B11;
}
.color2 {
	color: #666;
}

.color3 {
	color: #999;
}

.color-fff {
	color: #fff;
}
.color-black{
	color: #000;
}
.color-4{
	color:#F3CFA1
}
.color-7{
	color: #FFE777;
}
.color-red{
	color: #C32222;
}
.color907{
	color: #683907;
}
.color-5{
	color: #8C8C8C;
}

.btn-base {
	height: 80rpx;
	justify-content: center;
	align-items: center;
	border: solid 2rpx #222;
	color: #000;
	border-radius: 40rpx;
}

.btn-main {
	color: #fff;
	background: linear-gradient(90deg, #EB6F48 0%, #EB4E44 100%);
	box-shadow: 0px 2px 10px 0px rgba(235, 82, 69, 0.47);
	border: solid 2rpx #EB4E44;
}

.copy {
	font-size: 22rpx;
	padding: 5rpx 15rpx;
	background-color: #f2f2f2;
	border-radius: 50rpx;
}

::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
	color: transparent;
}

.profit-model {
	display: inline-flex;
	width: 100%;
	font-size: 22rpx;
	align-items: center;
	margin-top: 10rpx;
}

.p-xxd-01 {
	width: 62rpx;
	height: 36rpx;
	z-index: 9;
}

.point-amount {
	width: 140rpx;
	height: 36rpx;
	background-image: url(' https://cibei-mall.oss-cn-chengdu.aliyuncs.com/cibei-xcx-imgs/p_jf.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	align-items: center;
	padding-left: 10rpx;
	margin-left: -10rpx;
	color: #7B4E24;
	justify-content: center;
}

.surplus-amount {
	width: 114rpx;
	height: 36rpx;
	background-image: url(' https://cibei-mall.oss-cn-chengdu.aliyuncs.com/cibei-xcx-imgs/p_ye.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	align-items: center;
	color: #7B4E24;
	justify-content: center;
}

.point-amount .point-value {
	margin-left: 6rpx;
	font-weight: bold;
}

.surplus-amount .surplus-value {
	margin-left: 6rpx;
	font-weight: bold;
}